<template>
  <div class="hello">
    <div class="application theme--light" id="app">
      <div class="application--wrap">
        <nav
          class="v-toolbar elevation-0 v-toolbar--prominent theme--light"
          id="core-toolbar"
          data-booted="true"
          style="margin-top: 0px; padding-right: 0px; padding-left: 0px; transform: translateY(0px); background: rgb(238, 238, 238);"
        >
          <div class="v-toolbar__content" style="height: 64px;">
            <div class="v-toolbar-title">
              <div class="v-toolbar__title tertiary--text font-weight-light">
                <!---->
                Dashboard
              </div>
            </div>
            <div class="spacer"></div>
            <div class="v-toolbar__items">
              <div class="flex align-center layout py-2">
                <div
                  class="v-input mr-4 mt-2 purple-input v-text-field v-input--hide-details theme--light"
                >
                  <div class="v-input__control">
                    <div class="v-input__slot">
                      <div class="v-text-field__slot">
                        <label
                          aria-hidden="true"
                          class="v-label theme--light"
                          style="left: 0px; right: auto; position: absolute;"
                        >Search...</label>
                        <input aria-label="Search..." type="text" />
                      </div>
                    </div>
                  </div>
                </div>
                <a href="/" class="toolbar-items router-link-active">
                  <i
                    aria-hidden="true"
                    class="v-icon mdi mdi-view-dashboard theme--light tertiary--text"
                  ></i>
                </a>
                <div class="v-menu v-menu--inline">
                  <div class="v-menu__activator">
                    <a href="/notifications" class="toolbar-items">
                      <span class="v-badge v-badge--overlap">
                        <i
                          aria-hidden="true"
                          class="v-icon mdi mdi-bell theme--light tertiary--text"
                        ></i>
                        <span class="v-badge__badge error">5</span>
                      </span>
                    </a>
                  </div>
                </div>
                <a href="/user-profile" class="toolbar-items">
                  <i aria-hidden="true" class="v-icon mdi mdi-account theme--light tertiary--text"></i>
                </a>
              </div>
            </div>
          </div>
        </nav>
        <aside
          class="v-navigation-drawer v-navigation-drawer--fixed v-navigation-drawer--floating v-navigation-drawer--open theme--dark"
          id="app-drawer"
          persistent
          data-booted="true"
          style="height: 100%; margin-top: 0px; transform: translateX(0px); width: 260px; max-height: calc(100% - 0px);"
        >
          <div class="v-responsive v-image" style="height: 100%;">
            <div class="v-responsive__sizer" style="padding-bottom: 150%;"></div>
            <div
              class="v-image__image v-image__image--cover"
              style="background-image: url(https://demos.creative-tim.com/vue-material-dashboard/img/sidebar-2.32103624.jpg); background-position: center center;"
            ></div>
            <div class="v-responsive__content">
              <div role="list" class="v-list layout fill-height column theme--dark">
                <div role="listitem">
                  <div class="v-list__tile v-list__tile--avatar theme--dark">
                    <div class="v-list__tile__avatar">
                      <div class="v-avatar white" style="height: 40px; width: 40px;">
                        <div class="v-responsive v-image" style="height: 34px;">
                          <div class="v-responsive__sizer" style="padding-bottom: 100%;"></div>
                          <div
                            class="v-image__image v-image__image--contain"
                            style="background-image: url(&quot;http://172.16.59.124:8080/img/vuetifylogo.png&quot;); background-position: center center;"
                          ></div>
                          <div class="v-responsive__content"></div>
                        </div>
                      </div>
                    </div>
                    <div class="v-list__tile__title title">Vuetify MD</div>
                  </div>
                </div>
                <hr class="v-divider theme--dark" />
                <!---->
                <div role="listitem" class="v-list-item">
                  <a
                    href="/dashboard"
                    class="success v-list__tile--active v-list__tile v-list__tile--link v-list__tile--avatar theme--dark"
                  >
                    <div class="v-list__tile__action">
                      <i aria-hidden="true" class="v-icon mdi mdi-view-dashboard theme--dark"></i>
                    </div>
                    <div class="v-list__tile__title">Dashboard</div>
                  </a>
                </div>
                <div role="listitem" class="v-list-item">
                  <a
                    href="/user-profile"
                    class="v-list__tile v-list__tile--link v-list__tile--avatar theme--dark"
                  >
                    <div class="v-list__tile__action">
                      <i aria-hidden="true" class="v-icon mdi mdi-account theme--dark"></i>
                    </div>
                    <div class="v-list__tile__title">User Profile</div>
                  </a>
                </div>
                <div role="listitem" class="v-list-item">
                  <a
                    href="/table-list"
                    class="v-list__tile v-list__tile--link v-list__tile--avatar theme--dark"
                  >
                    <div class="v-list__tile__action">
                      <i aria-hidden="true" class="v-icon mdi mdi-clipboard-outline theme--dark"></i>
                    </div>
                    <div class="v-list__tile__title">Table List</div>
                  </a>
                </div>
                <div role="listitem" class="v-list-item">
                  <a
                    href="/typography"
                    class="v-list__tile v-list__tile--link v-list__tile--avatar theme--dark"
                  >
                    <div class="v-list__tile__action">
                      <i aria-hidden="true" class="v-icon mdi mdi-format-font theme--dark"></i>
                    </div>
                    <div class="v-list__tile__title">Typography</div>
                  </a>
                </div>
                <div role="listitem" class="v-list-item">
                  <a
                    href="/icons"
                    class="v-list__tile v-list__tile--link v-list__tile--avatar theme--dark"
                  >
                    <div class="v-list__tile__action">
                      <i aria-hidden="true" class="v-icon mdi mdi-chart-bubble theme--dark"></i>
                    </div>
                    <div class="v-list__tile__title">Icons</div>
                  </a>
                </div>
                <div role="listitem" class="v-list-item">
                  <a
                    href="/maps"
                    class="v-list__tile v-list__tile--link v-list__tile--avatar theme--dark"
                  >
                    <div class="v-list__tile__action">
                      <i aria-hidden="true" class="v-icon mdi mdi-map-marker theme--dark"></i>
                    </div>
                    <div class="v-list__tile__title">Maps</div>
                  </a>
                </div>
                <div role="listitem" class="v-list-item">
                  <a
                    href="/notifications"
                    class="v-list__tile v-list__tile--link v-list__tile--avatar theme--dark"
                  >
                    <div class="v-list__tile__action">
                      <i aria-hidden="true" class="v-icon mdi mdi-bell theme--dark"></i>
                    </div>
                    <div class="v-list__tile__title">Notifications</div>
                  </a>
                </div>
                <div
                  disabled="disabled"
                  role="listitem"
                  class="v-list-item v-list__tile--buy v-list--disabled"
                >
                  <a
                    href="/upgrade"
                    class="v-list__tile v-list__tile--link v-list__tile--disabled theme--dark"
                    disabled="disabled"
                  >
                    <div class="v-list__tile__action">
                      <i aria-hidden="true" class="v-icon mdi mdi-package-up theme--dark"></i>
                    </div>
                    <div class="v-list__tile__title font-weight-light">Upgrade To PRO</div>
                  </a>
                </div>
              </div>
            </div>
          </div>
          <div class="v-navigation-drawer__border"></div>
        </aside>
        <main class="v-content" data-booted="true" style="padding: 0px 0px 0px 260px;">
          <div class="v-content__wrap"><div id="core-view"><div class="container fill-height fluid grid-list-xl">
            <div class="layout wrap">
              <div class="flex md12 sm12 lg4">
                <div class="v-card--material-chart v-card v-sheet theme--light" style="margin-bottom: 24px; margin-top: 48px;">
                  <div class="v-offset" style="top: -24px; margin-bottom: -24px;">
                    <div class="v-card--material__header v-card v-sheet theme--dark info elevation-10">
                      <div class="ct-square">
                        <svg xmlns:ct="http://gionkunz.github.com/chartist-js/ct" width="100%" height="100%" class="ct-chart-line" style="width: 100%; height: 100%;">
                          <g class="ct-grids">
                            <line x1="40" x2="40" y1="0" y2="325.7250061035156" class="ct-grid ct-horizontal"></line>
                            <line x1="85.10357230050224" x2="85.10357230050224" y1="0" y2="325.7250061035156" class="ct-grid ct-horizontal"></line>
                            <line x1="130.20714460100447" x2="130.20714460100447" y1="0" y2="325.7250061035156" class="ct-grid ct-horizontal"></line>
                            <line x1="175.31071690150668" x2="175.31071690150668" y1="0" y2="325.7250061035156" class="ct-grid ct-horizontal"></line>
                            <line x1="220.41428920200892" x2="220.41428920200892" y1="0" y2="325.7250061035156" class="ct-grid ct-horizontal"></line>
                            <line x1="265.51786150251115" x2="265.51786150251115" y1="0" y2="325.7250061035156" class="ct-grid ct-horizontal"></line>
                            <line x1="310.62143380301336" x2="310.62143380301336" y1="0" y2="325.7250061035156" class="ct-grid ct-horizontal"></line>
                            <line y1="325.7250061035156" y2="325.7250061035156" x1="40" x2="355.7250061035156" class="ct-grid ct-vertical"></line>
                            <line y1="293.1525054931641" y2="293.1525054931641" x1="40" x2="355.7250061035156" class="ct-grid ct-vertical"></line>
                            <line y1="260.5800048828125" y2="260.5800048828125" x1="40" x2="355.7250061035156" class="ct-grid ct-vertical"></line>
                            <line y1="228.00750427246095" y2="228.00750427246095" x1="40" x2="355.7250061035156" class="ct-grid ct-vertical"></line>
                            <line y1="195.43500366210938" y2="195.43500366210938" x1="40" x2="355.7250061035156" class="ct-grid ct-vertical"></line>
                            <line y1="162.8625030517578" y2="162.8625030517578" x1="40" x2="355.7250061035156" class="ct-grid ct-vertical"></line>
                            <line y1="130.29000244140624" y2="130.29000244140624" x1="40" x2="355.7250061035156" class="ct-grid ct-vertical"></line>
                            <line y1="97.71750183105468" y2="97.71750183105468" x1="40" x2="355.7250061035156" class="ct-grid ct-vertical"></line>
                            <line y1="65.14500122070314" y2="65.14500122070314" x1="40" x2="355.7250061035156" class="ct-grid ct-vertical"></line>
                            <line y1="32.57250061035154" y2="32.57250061035154" x1="40" x2="355.7250061035156" class="ct-grid ct-vertical"></line>
                            <line y1="0" y2="0" x1="40" x2="355.7250061035156" class="ct-grid ct-vertical"></line>
                          </g>
                          <g>
                            <g class="ct-series ct-series-a">
                              <path d="M40,247.551C85.104,214.979,85.104,214.979,85.104,214.979C130.207,280.124,130.207,280.124,130.207,280.124C175.311,214.979,175.311,214.979,175.311,214.979C220.414,175.892,220.414,175.892,220.414,175.892C265.518,208.464,265.518,208.464,265.518,208.464C310.621,78.174,310.621,78.174,310.621,78.174" class="ct-line"></path>
                              <line x1="40" y1="247.55100463867188" x2="40.01" y2="247.55100463867188" class="ct-point" ct:value="12"></line>
                              <line x1="85.10357230050224" y1="214.97850402832032" x2="85.11357230050224" y2="214.97850402832032" class="ct-point" ct:value="17"></line>
                              <line x1="130.20714460100447" y1="280.1235052490234" x2="130.21714460100446" y2="280.1235052490234" class="ct-point" ct:value="7"></line>
                              <line x1="175.31071690150668" y1="214.97850402832032" x2="175.32071690150667" y2="214.97850402832032" class="ct-point" ct:value="17"></line>
                              <line x1="220.41428920200892" y1="175.89150329589845" x2="220.4242892020089" y2="175.89150329589845" class="ct-point" ct:value="23"></line>
                              <line x1="265.51786150251115" y1="208.46400390625" x2="265.52786150251114" y2="208.46400390625" class="ct-point" ct:value="18"></line>
                              <line x1="310.62143380301336" y1="78.17400146484374" x2="310.63143380301335" y2="78.17400146484374" class="ct-point" ct:value="38"></line>
                            </g>
                          </g>
                          <g class="ct-labels">
                            <foreignObject style="overflow: visible;" x="40" y="330.7250061035156" width="45.10357230050223" height="20">
                              <span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 45px; height: 20px;">M</span>
                            </foreignObject>
                            <foreignObject style="overflow: visible;" x="85.10357230050224" y="330.7250061035156" width="45.10357230050223" height="20">
                              <span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 45px; height: 20px;">T</span>
                            </foreignObject>
                            <foreignObject style="overflow: visible;" x="130.20714460100447" y="330.7250061035156" width="45.10357230050222" height="20">
                              <span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 45px; height: 20px;">W</span>
                            </foreignObject>
                            <foreignObject style="overflow: visible;" x="175.31071690150668" y="330.7250061035156" width="45.103572300502236" height="20">
                              <span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 45px; height: 20px;">T</span>
                            </foreignObject>
                            <foreignObject style="overflow: visible;" x="220.41428920200892" y="330.7250061035156" width="45.103572300502236" height="20">
                              <span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 45px; height: 20px;">F</span>
                            </foreignObject>
                            <foreignObject style="overflow: visible;" x="265.51786150251115" y="330.7250061035156" width="45.10357230050221" height="20">
                              <span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 45px; height: 20px;">S</span>
                            </foreignObject><foreignObject style="overflow: visible;" x="310.62143380301336" y="330.7250061035156" width="45.103572300502265" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 45px; height: 20px;">S</span></foreignObject><foreignObject style="overflow: visible;" y="293.1525054931641" x="0" height="32.57250061035156" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">0</span></foreignObject><foreignObject style="overflow: visible;" y="260.58000488281255" x="0" height="32.57250061035156" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">5</span></foreignObject><foreignObject style="overflow: visible;" y="228.00750427246092" x="0" height="32.57250061035157" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">10</span></foreignObject><foreignObject style="overflow: visible;" y="195.4350036621094" x="0" height="32.572500610351554" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">15</span></foreignObject><foreignObject style="overflow: visible;" y="162.8625030517578" x="0" height="32.57250061035157" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">20</span></foreignObject><foreignObject style="overflow: visible;" y="130.29000244140624" x="0" height="32.57250061035157" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">25</span></foreignObject><foreignObject style="overflow: visible;" y="97.71750183105468" x="0" height="32.57250061035157" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">30</span></foreignObject><foreignObject style="overflow: visible;" y="65.14500122070314" x="0" height="32.57250061035154" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">35</span></foreignObject><foreignObject style="overflow: visible;" y="32.57250061035154" x="0" height="32.5725006103516" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">40</span></foreignObject><foreignObject style="overflow: visible;" y="0" x="0" height="32.57250061035154" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">45</span></foreignObject><foreignObject style="overflow: visible;" y="-30" x="0" height="30" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 30px; width: 30px;">50</span></foreignObject></g></svg></div></div></div><div class="v-card__text"><h4 class="title font-weight-light">Daily Sales</h4><p class="category d-inline-flex font-weight-light"><i aria-hidden="true" class="v-icon mdi mdi-arrow-up theme--light green--text" style="font-size: 16px;"></i><span class="green--text">55%</span>&nbsp;
          increase in today's sales
        </p>
      </div>
      <hr class="mx-3 v-divider theme--light"><div class="v-card__actions"><i aria-hidden="true" class="v-icon mr-2 mdi mdi-clock-outline theme--light" style="font-size: 16px;"></i><span class="caption grey--text font-weight-light">updated 4 minutes ago</span></div></div></div><div class="flex md12 sm12 lg4"><div class="v-card--material-chart v-card v-sheet theme--light" style="margin-bottom: 24px; margin-top: 48px;"><div class="v-offset" style="top: -24px; margin-bottom: -24px;"><div class="v-card--material__header v-card v-sheet theme--dark red elevation-10">
      <div class="ct-square"><svg xmlns:ct="http://gionkunz.github.com/chartist-js/ct" width="100%" height="100%" class="ct-chart-bar" style="width: 100%; height: 100%;"><g class="ct-grids"><line y1="325.7250061035156" y2="325.7250061035156" x1="40" x2="350.7250061035156" class="ct-grid ct-vertical"></line><line y1="293.1525054931641" y2="293.1525054931641" x1="40" x2="350.7250061035156" class="ct-grid ct-vertical"></line><line y1="260.5800048828125" y2="260.5800048828125" x1="40" x2="350.7250061035156" class="ct-grid ct-vertical"></line><line y1="228.00750427246095" y2="228.00750427246095" x1="40" x2="350.7250061035156" class="ct-grid ct-vertical"></line><line y1="195.43500366210938" y2="195.43500366210938" x1="40" x2="350.7250061035156" class="ct-grid ct-vertical"></line><line y1="162.8625030517578" y2="162.8625030517578" x1="40" x2="350.7250061035156" class="ct-grid ct-vertical"></line><line y1="130.29000244140624" y2="130.29000244140624" x1="40" x2="350.7250061035156" class="ct-grid ct-vertical"></line><line y1="97.71750183105468" y2="97.71750183105468" x1="40" x2="350.7250061035156" class="ct-grid ct-vertical"></line><line y1="65.14500122070314" y2="65.14500122070314" x1="40" x2="350.7250061035156" class="ct-grid ct-vertical"></line><line y1="32.57250061035154" y2="32.57250061035154" x1="40" x2="350.7250061035156" class="ct-grid ct-vertical"></line><line y1="0" y2="0" x1="40" x2="350.7250061035156" class="ct-grid ct-vertical"></line></g><g><g class="ct-series ct-series-a"><line x1="52.94687525431315" x2="52.94687525431315" y1="325.7250061035156" y2="149.18205279541016" class="ct-bar" ct:value="542"></line><line x1="78.84062576293945" x2="78.84062576293945" y1="325.7250061035156" y2="181.42882839965822" class="ct-bar" ct:value="443"></line><line x1="104.73437627156575" x2="104.73437627156575" y1="325.7250061035156" y2="221.49300415039062" class="ct-bar" ct:value="320"></line><line x1="130.62812678019205" x2="130.62812678019205" y1="325.7250061035156" y2="71.65950134277344" class="ct-bar" ct:value="780"></line><line x1="156.52187728881833" x2="156.52187728881833" y1="325.7250061035156" y2="145.59907772827148" class="ct-bar" ct:value="553"></line><line x1="182.41562779744464" x2="182.41562779744464" y1="325.7250061035156" y2="178.17157833862305" class="ct-bar" ct:value="453"></line><line x1="208.30937830607095" x2="208.30937830607095" y1="325.7250061035156" y2="219.53865411376952" class="ct-bar" ct:value="326"></line><line x1="234.20312881469724" x2="234.20312881469724" y1="325.7250061035156" y2="184.36035345458984" class="ct-bar" ct:value="434"></line><line x1="260.09687932332355" x2="260.09687932332355" y1="325.7250061035156" y2="140.71320263671876" class="ct-bar" ct:value="568"></line><line x1="285.9906298319499" x2="285.9906298319499" y1="325.7250061035156" y2="127.03275238037111" class="ct-bar" ct:value="610"></line><line x1="311.8843803405762" x2="311.8843803405762" y1="325.7250061035156" y2="79.47690148925781" class="ct-bar" ct:value="756"></line><line x1="337.77813084920246" x2="337.77813084920246" y1="325.7250061035156" y2="34.20112564086912" class="ct-bar" ct:value="895"></line></g></g><g class="ct-labels"><foreignObject style="overflow: visible;" x="40" y="330.7250061035156" width="25.8937505086263" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 26px; height: 20px;">Ja</span></foreignObject><foreignObject style="overflow: visible;" x="65.8937505086263" y="330.7250061035156" width="25.8937505086263" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 26px; height: 20px;">Fe</span></foreignObject><foreignObject style="overflow: visible;" x="91.7875010172526" y="330.7250061035156" width="25.893750508626304" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 26px; height: 20px;">Ma</span></foreignObject><foreignObject style="overflow: visible;" x="117.6812515258789" y="330.7250061035156" width="25.893750508626297" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 26px; height: 20px;">Ap</span></foreignObject><foreignObject style="overflow: visible;" x="143.5750020345052" y="330.7250061035156" width="25.893750508626297" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 26px; height: 20px;">Mai</span></foreignObject><foreignObject style="overflow: visible;" x="169.4687525431315" y="330.7250061035156" width="25.89375050862631" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 26px; height: 20px;">Ju</span></foreignObject><foreignObject style="overflow: visible;" x="195.3625030517578" y="330.7250061035156" width="25.893750508626283" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 26px; height: 20px;">Jul</span></foreignObject><foreignObject style="overflow: visible;" x="221.2562535603841" y="330.7250061035156" width="25.89375050862631" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 26px; height: 20px;">Au</span></foreignObject><foreignObject style="overflow: visible;" x="247.1500040690104" y="330.7250061035156" width="25.89375050862631" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 26px; height: 20px;">Se</span></foreignObject><foreignObject style="overflow: visible;" x="273.0437545776367" y="330.7250061035156" width="25.893750508626283" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 26px; height: 20px;">Oc</span></foreignObject><foreignObject style="overflow: visible;" x="298.937505086263" y="330.7250061035156" width="25.893750508626283" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 26px; height: 20px;">No</span></foreignObject><foreignObject style="overflow: visible;" x="324.8312555948893" y="330.7250061035156" width="30" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 30px; height: 20px;">De</span></foreignObject><foreignObject style="overflow: visible;" y="293.1525054931641" x="0" height="32.57250061035156" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">0</span></foreignObject><foreignObject style="overflow: visible;" y="260.58000488281255" x="0" height="32.57250061035156" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">100</span></foreignObject><foreignObject style="overflow: visible;" y="228.00750427246092" x="0" height="32.57250061035157" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">200</span></foreignObject><foreignObject style="overflow: visible;" y="195.4350036621094" x="0" height="32.572500610351554" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">300</span></foreignObject><foreignObject style="overflow: visible;" y="162.8625030517578" x="0" height="32.57250061035157" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">400</span></foreignObject><foreignObject style="overflow: visible;" y="130.29000244140624" x="0" height="32.57250061035157" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">500</span></foreignObject><foreignObject style="overflow: visible;" y="97.71750183105468" x="0" height="32.57250061035157" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">600</span></foreignObject><foreignObject style="overflow: visible;" y="65.14500122070314" x="0" height="32.57250061035154" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">700</span></foreignObject><foreignObject style="overflow: visible;" y="32.57250061035154" x="0" height="32.5725006103516" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">800</span></foreignObject><foreignObject style="overflow: visible;" y="0" x="0" height="32.57250061035154" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">900</span></foreignObject><foreignObject style="overflow: visible;" y="-30" x="0" height="30" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 30px; width: 30px;">1000</span></foreignObject></g></svg></div></div></div><div class="v-card__text"><h4 class="title font-weight-light">Email Subscription</h4><p class="category d-inline-flex font-weight-light">Last Campaign Performance</p></div><hr class="mx-3 v-divider theme--light"><div class="v-card__actions"><i aria-hidden="true" class="v-icon mr-2 mdi mdi-clock-outline theme--light" style="font-size: 16px;"></i><span class="caption grey--text font-weight-light">updated 10 minutes ago</span></div></div></div><div class="flex md12 sm12 lg4"><div class="v-card--material-chart v-card v-sheet theme--light" style="margin-bottom: 24px; margin-top: 48px;"><div class="v-offset" style="top: -24px; margin-bottom: -24px;"><div class="v-card--material__header v-card v-sheet theme--dark green elevation-10"><div class="ct-square"><svg xmlns:ct="http://gionkunz.github.com/chartist-js/ct" width="100%" height="100%" class="ct-chart-line" style="width: 100%; height: 100%;"><g class="ct-grids"><line x1="40" x2="40" y1="0" y2="325.7250061035156" class="ct-grid ct-horizontal"></line><line x1="79.46562576293945" x2="79.46562576293945" y1="0" y2="325.7250061035156" class="ct-grid ct-horizontal"></line><line x1="118.9312515258789" x2="118.9312515258789" y1="0" y2="325.7250061035156" class="ct-grid ct-horizontal"></line><line x1="158.39687728881836" x2="158.39687728881836" y1="0" y2="325.7250061035156" class="ct-grid ct-horizontal"></line><line x1="197.8625030517578" x2="197.8625030517578" y1="0" y2="325.7250061035156" class="ct-grid ct-horizontal"></line><line x1="237.32812881469727" x2="237.32812881469727" y1="0" y2="325.7250061035156" class="ct-grid ct-horizontal"></line><line x1="276.7937545776367" x2="276.7937545776367" y1="0" y2="325.7250061035156" class="ct-grid ct-horizontal"></line><line x1="316.2593803405762" x2="316.2593803405762" y1="0" y2="325.7250061035156" class="ct-grid ct-horizontal"></line><line y1="325.7250061035156" y2="325.7250061035156" x1="40" x2="355.7250061035156" class="ct-grid ct-vertical"></line><line y1="293.1525054931641" y2="293.1525054931641" x1="40" x2="355.7250061035156" class="ct-grid ct-vertical"></line><line y1="260.5800048828125" y2="260.5800048828125" x1="40" x2="355.7250061035156" class="ct-grid ct-vertical"></line><line y1="228.00750427246095" y2="228.00750427246095" x1="40" x2="355.7250061035156" class="ct-grid ct-vertical"></line><line y1="195.43500366210938" y2="195.43500366210938" x1="40" x2="355.7250061035156" class="ct-grid ct-vertical"></line><line y1="162.8625030517578" y2="162.8625030517578" x1="40" x2="355.7250061035156" class="ct-grid ct-vertical"></line><line y1="130.29000244140624" y2="130.29000244140624" x1="40" x2="355.7250061035156" class="ct-grid ct-vertical"></line><line y1="97.71750183105468" y2="97.71750183105468" x1="40" x2="355.7250061035156" class="ct-grid ct-vertical"></line><line y1="65.14500122070314" y2="65.14500122070314" x1="40" x2="355.7250061035156" class="ct-grid ct-vertical"></line><line y1="32.57250061035154" y2="32.57250061035154" x1="40" x2="355.7250061035156" class="ct-grid ct-vertical"></line><line y1="0" y2="0" x1="40" x2="355.7250061035156" class="ct-grid ct-vertical"></line></g><g><g class="ct-series ct-series-a"><path d="M40,250.808C79.466,81.431,79.466,81.431,79.466,81.431C118.931,179.149,118.931,179.149,118.931,179.149C158.397,228.008,158.397,228.008,158.397,228.008C197.863,234.522,197.863,234.522,197.863,234.522C237.328,247.551,237.328,247.551,237.328,247.551C276.794,260.58,276.794,260.58,276.794,260.58C316.259,263.837,316.259,263.837,316.259,263.837" class="ct-line"></path><line x1="40" y1="250.80825469970705" x2="40.01" y2="250.80825469970705" class="ct-point" ct:value="230"></line><line x1="79.46562576293945" y1="81.4312515258789" x2="79.47562576293946" y2="81.4312515258789" class="ct-point" ct:value="750"></line><line x1="118.9312515258789" y1="179.14875335693358" x2="118.94125152587891" y2="179.14875335693358" class="ct-point" ct:value="450"></line><line x1="158.39687728881836" y1="228.00750427246095" x2="158.40687728881835" y2="228.00750427246095" class="ct-point" ct:value="300"></line><line x1="197.8625030517578" y1="234.52200439453125" x2="197.8725030517578" y2="234.52200439453125" class="ct-point" ct:value="280"></line><line x1="237.32812881469727" y1="247.55100463867188" x2="237.33812881469726" y2="247.55100463867188" class="ct-point" ct:value="240"></line><line x1="276.7937545776367" y1="260.5800048828125" x2="276.8037545776367" y2="260.5800048828125" class="ct-point" ct:value="200"></line><line x1="316.2593803405762" y1="263.83725494384765" x2="316.26938034057616" y2="263.83725494384765" class="ct-point" ct:value="190"></line></g></g><g class="ct-labels"><foreignObject style="overflow: visible;" x="40" y="330.7250061035156" width="39.46562576293945" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 39px; height: 20px;">12am</span></foreignObject><foreignObject style="overflow: visible;" x="79.46562576293945" y="330.7250061035156" width="39.46562576293945" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 39px; height: 20px;">3pm</span></foreignObject><foreignObject style="overflow: visible;" x="118.9312515258789" y="330.7250061035156" width="39.46562576293945" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 39px; height: 20px;">6pm</span></foreignObject><foreignObject style="overflow: visible;" x="158.39687728881836" y="330.7250061035156" width="39.46562576293945" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 39px; height: 20px;">9pm</span></foreignObject><foreignObject style="overflow: visible;" x="197.8625030517578" y="330.7250061035156" width="39.46562576293945" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 39px; height: 20px;">12pm</span></foreignObject><foreignObject style="overflow: visible;" x="237.32812881469727" y="330.7250061035156" width="39.46562576293945" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 39px; height: 20px;">3am</span></foreignObject><foreignObject style="overflow: visible;" x="276.7937545776367" y="330.7250061035156" width="39.46562576293945" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 39px; height: 20px;">6am</span></foreignObject><foreignObject style="overflow: visible;" x="316.2593803405762" y="330.7250061035156" width="39.46562576293945" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 39px; height: 20px;">9am</span></foreignObject><foreignObject style="overflow: visible;" y="293.1525054931641" x="0" height="32.57250061035156" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">0</span></foreignObject><foreignObject style="overflow: visible;" y="260.58000488281255" x="0" height="32.57250061035156" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">100</span></foreignObject><foreignObject style="overflow: visible;" y="228.00750427246092" x="0" height="32.57250061035157" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">200</span></foreignObject><foreignObject style="overflow: visible;" y="195.4350036621094" x="0" height="32.572500610351554" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">300</span></foreignObject><foreignObject style="overflow: visible;" y="162.8625030517578" x="0" height="32.57250061035157" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">400</span></foreignObject><foreignObject style="overflow: visible;" y="130.29000244140624" x="0" height="32.57250061035157" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">500</span></foreignObject><foreignObject style="overflow: visible;" y="97.71750183105468" x="0" height="32.57250061035157" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">600</span></foreignObject><foreignObject style="overflow: visible;" y="65.14500122070314" x="0" height="32.57250061035154" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">700</span></foreignObject><foreignObject style="overflow: visible;" y="32.57250061035154" x="0" height="32.5725006103516" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">800</span></foreignObject><foreignObject style="overflow: visible;" y="0" x="0" height="32.57250061035154" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 33px; width: 30px;">900</span></foreignObject><foreignObject style="overflow: visible;" y="-30" x="0" height="30" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 30px; width: 30px;">1000</span></foreignObject></g></svg></div></div></div><div class="v-card__text"><h3 class="title font-weight-light">Completed Tasks</h3><p class="category d-inline-flex font-weight-light">Last Last Campaign Performance</p></div><hr class="mx-3 v-divider theme--light"><div class="v-card__actions"><i aria-hidden="true" class="v-icon mr-2 mdi mdi-clock-outline theme--light" style="font-size: 16px;"></i><span class="caption grey--text font-weight-light">campaign sent 26 minutes ago</span></div></div></div><div class="flex sm6 xs12 md6 lg3"><div class="v-card--material-stats v-card v-sheet theme--light" style="margin-bottom: 24px; margin-top: 48px;"><div class="v-offset" style="top: -24px; margin-bottom: -24px;"><div class="pa-4 v-card v-sheet theme--dark green elevation-10"><i aria-hidden="true" class="v-icon mdi mdi-store theme--dark" style="font-size: 40px;"></i></div></div><div class="v-card__text"><div class="text-xs-right"><p class="category grey--text font-weight-light">Revenue</p><h3 class="title display-1 font-weight-light">
      $34,245 <small></small></h3></div></div><hr class="mx-3 v-divider theme--light"><div class="v-card__actions"><i aria-hidden="true" class="v-icon mr-2 mdi mdi-calendar theme--light" style="font-size: 20px;"></i><span class="caption font-weight-light">Last 24 Hours</span></div></div></div><div class="flex sm6 xs12 md6 lg3"><div class="v-card--material-stats v-card v-sheet theme--light" style="margin-bottom: 24px; margin-top: 48px;"><div class="v-offset" style="top: -24px; margin-bottom: -24px;"><div class="pa-4 v-card v-sheet theme--dark orange elevation-10"><i aria-hidden="true" class="v-icon mdi mdi-content-copy theme--dark" style="font-size: 40px;"></i></div></div><div class="v-card__text"><div class="text-xs-right"><p class="category grey--text font-weight-light">Used Space</p><h3 class="title display-1 font-weight-light">
      49/50 <small>GB</small></h3></div></div><hr class="mx-3 v-divider theme--light"><div class="v-card__actions"><i aria-hidden="true" class="v-icon mr-2 mdi mdi-alert theme--light error--text" style="font-size: 20px;"></i><span class="caption font-weight-light text-primary">Get More Space...</span></div></div></div><div class="flex sm6 xs12 md6 lg3"><div class="v-card--material-stats v-card v-sheet theme--light" style="margin-bottom: 24px; margin-top: 48px;"><div class="v-offset" style="top: -24px; margin-bottom: -24px;"><div class="pa-4 v-card v-sheet theme--dark red elevation-10"><i aria-hidden="true" class="v-icon mdi mdi-information-outline theme--dark" style="font-size: 40px;"></i></div></div><div class="v-card__text"><div class="text-xs-right"><p class="category grey--text font-weight-light">Fixed Issues</p><h3 class="title display-1 font-weight-light">
      75 <small></small></h3></div></div><hr class="mx-3 v-divider theme--light"><div class="v-card__actions"><i aria-hidden="true" class="v-icon mr-2 mdi mdi-tag theme--light" style="font-size: 20px;"></i><span class="caption font-weight-light">Tracked from Github</span></div></div></div><div class="flex sm6 xs12 md6 lg3"><div class="v-card--material-stats v-card v-sheet theme--light" style="margin-bottom: 24px; margin-top: 48px;"><div class="v-offset" style="top: -24px; margin-bottom: -24px;"><div class="pa-4 v-card v-sheet theme--dark info elevation-10"><i aria-hidden="true" class="v-icon mdi mdi-twitter theme--dark" style="font-size: 40px;"></i></div></div><div class="v-card__text"><div class="text-xs-right"><p class="category grey--text font-weight-light">Followers</p><h3 class="title display-1 font-weight-light">
      +245 <small></small></h3></div></div><hr class="mx-3 v-divider theme--light"><div class="v-card__actions"><i aria-hidden="true" class="v-icon mr-2 mdi mdi-update theme--light" style="font-size: 20px;"></i><span class="caption font-weight-light">Just Updated</span></div></div></div><div class="flex md12 lg6"><div class="v-card v-sheet theme--light" style="margin-bottom: 24px; margin-top: 48px;"><div class="v-offset" style="top: -24px; margin-bottom: -24px;"><div class="v-card--material__header v-card v-sheet theme--dark orange elevation-10"><span><h4 class="title font-weight-light mb-2">Employee Stats</h4><p class="category font-weight-thin">New employees on 15th September, 2016</p></span></div></div><div class="v-card__text"><div><div class="v-table__overflow"><table class="v-datatable v-table theme--light"><thead><tr><th role="columnheader" scope="col" aria-label="ID: Not sorted." aria-sort="none" class="column text-xs-left"><span class="font-weight-light text-warning text--darken-3">ID</span></th><th role="columnheader" scope="col" aria-label="Name: Not sorted." aria-sort="none" class="column text-xs-left"><span class="font-weight-light text-warning text--darken-3">Name</span></th><th role="columnheader" scope="col" aria-label="Salary: Not sorted." aria-sort="none" class="column text-xs-right"><span class="font-weight-light text-warning text--darken-3">Salary</span></th><th role="columnheader" scope="col" aria-label="Country: Not sorted." aria-sort="none" class="column text-xs-right"><span class="font-weight-light text-warning text--darken-3">Country</span></th><th role="columnheader" scope="col" aria-label="City: Not sorted." aria-sort="none" class="column text-xs-right"><span class="font-weight-light text-warning text--darken-3">City</span></th></tr><tr class="v-datatable__progress"><th colspan="5" class="column"></th></tr></thead><tbody><tr><td>1</td><td>Dakota Rice</td><td class="text-xs-right">$35,738</td><td class="text-xs-right">Niger</td><td class="text-xs-right">Oud-Tunrhout</td></tr><tr><td>2</td><td>Minerva Hooper</td><td class="text-xs-right">$23,738</td><td class="text-xs-right">Curaçao</td><td class="text-xs-right">Sinaai-Waas</td></tr><tr><td>3</td><td>Sage Rodriguez</td><td class="text-xs-right">$56,142</td><td class="text-xs-right">Netherlands</td><td class="text-xs-right">Overland Park</td></tr><tr><td>4</td><td>Philip Chanley</td><td class="text-xs-right">$38,735</td><td class="text-xs-right">Korea, South</td><td class="text-xs-right">Gloucester</td></tr><tr><td>5</td><td>Doris Greene</td><td class="text-xs-right">$63,542</td><td class="text-xs-right">Malawi</td><td class="text-xs-right">Feldkirchen in Kārnten</td></tr></tbody></table></div></div></div><!----><!----></div></div><div class="flex md12 lg6"><div class="card-tabs v-card v-sheet theme--light" style="margin-bottom: 24px; margin-top: 48px;"><div class="v-offset" style="top: -24px; margin-bottom: -24px;"><div class="v-card--material__header v-card v-sheet theme--dark green elevation-10"><div class="flex"><div class="v-tabs" data-booted="true"><div class="v-tabs__bar theme--dark transparent"><!----><div class="v-tabs__wrapper"><div class="v-tabs__container"><div class="v-tabs__slider-wrapper" style="left: 61px; width: 88px;"><div class="v-tabs__slider white"></div></div><span class="subheading font-weight-light mr-3" style="align-self: center;">Tasks:</span><div class="v-tabs__div mr-3"><a class="v-tabs__item v-tabs__item--active"><i aria-hidden="true" class="v-icon mr-2 mdi mdi-bug theme--dark"></i>
              Bugs
            </a></div><div class="v-tabs__div mr-3"><a class="v-tabs__item"><i aria-hidden="true" class="v-icon mr-2 mdi mdi-code-tags theme--dark"></i>
              Website
            </a></div><div class="v-tabs__div"><a class="v-tabs__item"><i aria-hidden="true" class="v-icon mr-2 mdi mdi-cloud theme--dark"></i>
              Server
            </a></div></div></div><!----></div><!----></div></div></div></div><div class="v-card__text"><div class="v-window"><div class="v-window__container"><div class="v-window-item"><div role="list" class="v-list v-list--three-line theme--light"><div role="listitem"><a class="v-list__tile v-list__tile--link theme--light"><div class="v-list__tile__action"><div class="v-input v-input--selection-controls v-input--checkbox theme--light"><div class="v-input__control"><div class="v-input__slot"><div class="v-input--selection-controls__input"><input aria-checked="false" role="checkbox" type="checkbox" value="false"><div class="v-input--selection-controls__ripple"></div><i aria-hidden="true" class="v-icon mdi mdi-checkbox-blank-outline theme--light"></i></div></div><div class="v-messages theme--light"><div class="v-messages__wrapper"></div></div></div></div></div><div class="v-list__tile__title">
                  Sign contract for "What are conference organized afraid of?"
                </div><div class="d-flex"><span class="v-tooltip v-tooltip--top"><span><button type="button" class="v-btn--simple v-btn v-btn--icon theme--light success"><div class="v-btn__content"><i aria-hidden="true" class="v-icon mdi mdi-pencil theme--light primary--text"></i></div></button></span></span><span class="v-tooltip v-tooltip--top"><span><button type="button" class="v-btn--simple v-btn v-btn--icon theme--light danger"><div class="v-btn__content"><i aria-hidden="true" class="v-icon mdi mdi-close theme--light error--text"></i></div></button></span></span></div></a></div><hr class="v-divider theme--light"><div role="listitem"><a class="v-list__tile v-list__tile--link theme--light"><div class="v-list__tile__action"><div class="v-input v-input--selection-controls v-input--checkbox theme--light"><div class="v-input__control"><div class="v-input__slot"><div class="v-input--selection-controls__input"><input aria-checked="false" role="checkbox" type="checkbox" value="false"><div class="v-input--selection-controls__ripple"></div><i aria-hidden="true" class="v-icon mdi mdi-checkbox-blank-outline theme--light"></i></div></div><div class="v-messages theme--light"><div class="v-messages__wrapper"></div></div></div></div></div><div class="v-list__tile__title">
                  Lines From Great Russian Literature? Or E-mails From My Boss?
                </div><div class="d-flex"><span class="v-tooltip v-tooltip--top"><span><button type="button" class="v-btn--simple v-btn v-btn--icon theme--light success"><div class="v-btn__content"><i aria-hidden="true" class="v-icon mdi mdi-pencil theme--light primary--text"></i></div></button></span></span><span class="v-tooltip v-tooltip--top"><span><button type="button" class="v-btn--simple v-btn v-btn--icon theme--light danger"><div class="v-btn__content"><i aria-hidden="true" class="v-icon mdi mdi-close theme--light error--text"></i></div></button></span></span></div></a></div><hr class="v-divider theme--light"><div role="listitem"><a class="v-list__tile v-list__tile--link theme--light"><div class="v-list__tile__action"><div class="v-input v-input--selection-controls v-input--checkbox theme--light"><div class="v-input__control"><div class="v-input__slot"><div class="v-input--selection-controls__input"><input aria-checked="false" role="checkbox" type="checkbox" value="false"><div class="v-input--selection-controls__ripple"></div><i aria-hidden="true" class="v-icon mdi mdi-checkbox-blank-outline theme--light"></i></div></div><div class="v-messages theme--light"><div class="v-messages__wrapper"></div></div></div></div></div><div class="v-list__tile__title">
                  Flooded: One year later, assessing what was lost and what was found when a ravaging rain swept through metro Detroit
                </div><div class="d-flex"><span class="v-tooltip v-tooltip--top"><span><button type="button" class="v-btn--simple v-btn v-btn--icon theme--light success"><div class="v-btn__content"><i aria-hidden="true" class="v-icon mdi mdi-pencil theme--light primary--text"></i></div></button></span></span><span class="v-tooltip v-tooltip--top"><span><button type="button" class="v-btn--simple v-btn v-btn--icon theme--light danger"><div class="v-btn__content"><i aria-hidden="true" class="v-icon mdi mdi-close theme--light error--text"></i></div></button></span></span></div></a></div></div></div><div class="v-window-item" style="display: none;"><div role="list" class="v-list v-list--three-line theme--light"><div role="listitem"><a class="v-list__tile v-list__tile--link theme--light"><div class="v-list__tile__action"><div class="v-input v-input--selection-controls v-input--checkbox theme--light"><div class="v-input__control"><div class="v-input__slot"><div class="v-input--selection-controls__input"><input aria-checked="false" role="checkbox" type="checkbox" value="false"><div class="v-input--selection-controls__ripple"></div><i aria-hidden="true" class="v-icon mdi mdi-checkbox-blank-outline theme--light"></i></div></div><div class="v-messages theme--light"><div class="v-messages__wrapper"></div></div></div></div></div><div class="v-list__tile__title">
                  Sign contract for "What are conference organized afraid of?"
                </div><div class="d-flex"><span class="v-tooltip v-tooltip--top"><span><button type="button" class="v-btn--simple v-btn v-btn--icon theme--light success"><div class="v-btn__content"><i aria-hidden="true" class="v-icon mdi mdi-pencil theme--light primary--text"></i></div></button></span></span><span class="v-tooltip v-tooltip--top"><span><button type="button" class="v-btn--simple v-btn v-btn--icon theme--light danger"><div class="v-btn__content"><i aria-hidden="true" class="v-icon mdi mdi-close theme--light error--text"></i></div></button></span></span></div></a></div><hr class="v-divider theme--light"><div role="listitem"><a class="v-list__tile v-list__tile--link theme--light"><div class="v-list__tile__action"><div class="v-input v-input--selection-controls v-input--checkbox theme--light"><div class="v-input__control"><div class="v-input__slot"><div class="v-input--selection-controls__input"><input aria-checked="false" role="checkbox" type="checkbox" value="false"><div class="v-input--selection-controls__ripple"></div><i aria-hidden="true" class="v-icon mdi mdi-checkbox-blank-outline theme--light"></i></div></div><div class="v-messages theme--light"><div class="v-messages__wrapper"></div></div></div></div></div><div class="v-list__tile__title">
                  Lines From Great Russian Literature? Or E-mails From My Boss?
                </div><div class="d-flex"><span class="v-tooltip v-tooltip--top"><span><button type="button" class="v-btn--simple v-btn v-btn--icon theme--light success"><div class="v-btn__content"><i aria-hidden="true" class="v-icon mdi mdi-pencil theme--light primary--text"></i></div></button></span></span><span class="v-tooltip v-tooltip--top"><span><button type="button" class="v-btn--simple v-btn v-btn--icon theme--light danger"><div class="v-btn__content"><i aria-hidden="true" class="v-icon mdi mdi-close theme--light error--text"></i></div></button></span></span></div></a></div><hr class="v-divider theme--light"><div role="listitem"><a class="v-list__tile v-list__tile--link theme--light"><div class="v-list__tile__action"><div class="v-input v-input--selection-controls v-input--checkbox theme--light"><div class="v-input__control"><div class="v-input__slot"><div class="v-input--selection-controls__input"><input aria-checked="false" role="checkbox" type="checkbox" value="false"><div class="v-input--selection-controls__ripple"></div><i aria-hidden="true" class="v-icon mdi mdi-checkbox-blank-outline theme--light"></i></div></div><div class="v-messages theme--light"><div class="v-messages__wrapper"></div></div></div></div></div><div class="v-list__tile__title">
                  Flooded: One year later, assessing what was lost and what was found when a ravaging rain swept through metro Detroit
                </div><div class="d-flex"><span class="v-tooltip v-tooltip--top"><span><button type="button" class="v-btn--simple v-btn v-btn--icon theme--light success"><div class="v-btn__content"><i aria-hidden="true" class="v-icon mdi mdi-pencil theme--light primary--text"></i></div></button></span></span><span class="v-tooltip v-tooltip--top"><span><button type="button" class="v-btn--simple v-btn v-btn--icon theme--light danger"><div class="v-btn__content"><i aria-hidden="true" class="v-icon mdi mdi-close theme--light error--text"></i></div></button></span></span></div></a></div></div></div><div class="v-window-item" style="display: none;"><div role="list" class="v-list v-list--three-line theme--light"><div role="listitem"><a class="v-list__tile v-list__tile--link theme--light"><div class="v-list__tile__action"><div class="v-input v-input--selection-controls v-input--checkbox theme--light"><div class="v-input__control"><div class="v-input__slot"><div class="v-input--selection-controls__input"><input aria-checked="false" role="checkbox" type="checkbox" value="false"><div class="v-input--selection-controls__ripple"></div><i aria-hidden="true" class="v-icon mdi mdi-checkbox-blank-outline theme--light"></i></div></div><div class="v-messages theme--light"><div class="v-messages__wrapper"></div></div></div></div></div><div class="v-list__tile__title">
                  Sign contract for "What are conference organized afraid of?"
                </div><div class="d-flex"><span class="v-tooltip v-tooltip--top"><span><button type="button" class="v-btn--simple v-btn v-btn--icon theme--light success"><div class="v-btn__content"><i aria-hidden="true" class="v-icon mdi mdi-pencil theme--light primary--text"></i></div></button></span></span><span class="v-tooltip v-tooltip--top"><span><button type="button" class="v-btn--simple v-btn v-btn--icon theme--light danger"><div class="v-btn__content"><i aria-hidden="true" class="v-icon mdi mdi-close theme--light error--text"></i></div></button></span></span></div></a></div><hr class="v-divider theme--light"><div role="listitem"><a class="v-list__tile v-list__tile--link theme--light"><div class="v-list__tile__action"><div class="v-input v-input--selection-controls v-input--checkbox theme--light"><div class="v-input__control"><div class="v-input__slot"><div class="v-input--selection-controls__input"><input aria-checked="false" role="checkbox" type="checkbox" value="false"><div class="v-input--selection-controls__ripple"></div><i aria-hidden="true" class="v-icon mdi mdi-checkbox-blank-outline theme--light"></i></div></div><div class="v-messages theme--light"><div class="v-messages__wrapper"></div></div></div></div></div><div class="v-list__tile__title">
                  Lines From Great Russian Literature? Or E-mails From My Boss?
                </div><div class="d-flex"><span class="v-tooltip v-tooltip--top"><span><button type="button" class="v-btn--simple v-btn v-btn--icon theme--light success"><div class="v-btn__content"><i aria-hidden="true" class="v-icon mdi mdi-pencil theme--light primary--text"></i></div></button></span></span><span class="v-tooltip v-tooltip--top"><span><button type="button" class="v-btn--simple v-btn v-btn--icon theme--light danger"><div class="v-btn__content"><i aria-hidden="true" class="v-icon mdi mdi-close theme--light error--text"></i></div></button></span></span></div></a></div><hr class="v-divider theme--light"><div role="listitem"><a class="v-list__tile v-list__tile--link theme--light"><div class="v-list__tile__action"><div class="v-input v-input--selection-controls v-input--checkbox theme--light"><div class="v-input__control"><div class="v-input__slot"><div class="v-input--selection-controls__input"><input aria-checked="false" role="checkbox" type="checkbox" value="false"><div class="v-input--selection-controls__ripple"></div><i aria-hidden="true" class="v-icon mdi mdi-checkbox-blank-outline theme--light"></i></div></div><div class="v-messages theme--light"><div class="v-messages__wrapper"></div></div></div></div></div><div class="v-list__tile__title">
                  Flooded: One year later, assessing what was lost and what was found when a ravaging rain swept through metro Detroit
                </div><div class="d-flex"><span class="v-tooltip v-tooltip--top"><span><button type="button" class="v-btn--simple v-btn v-btn--icon theme--light success"><div class="v-btn__content"><i aria-hidden="true" class="v-icon mdi mdi-pencil theme--light primary--text"></i></div></button></span></span><span class="v-tooltip v-tooltip--top"><span><button type="button" class="v-btn--simple v-btn v-btn--icon theme--light danger"><div class="v-btn__content"><i aria-hidden="true" class="v-icon mdi mdi-close theme--light error--text"></i></div></button></span></span></div></a></div></div></div></div></div></div><!----><!----></div></div></div></div></div><footer class="v-footer v-footer--absolute theme--light" id="core-footer" style="height: 82px;"><div class="footer-items"><span><a href="/dashboard" class="tertiary--text footer-links">Home</a></span><span><a href="https://www.creative-tim.com" class="tertiary--text footer-links">Creative Tim</a></span><span><a href="https://creative-tim.com/presentation" class="tertiary--text footer-links">About Us</a></span><span><a href="https://blog.creative-tim.com" class="tertiary--text footer-links">Blog</a></span></div><div class="spacer"></div><span class="font-weight-light copyright">
    ©
    2019
    <a href="https://www.creative-tim.com/" target="_blank">Creative Tim</a>, made with
    <i aria-hidden="true" class="v-icon mdi mdi-heart theme--light tertiary--text" style="font-size: 17px;"></i>
    for a better web
  </span></footer></div></main>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "HelloWorld",
  data() {
    return {};
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.theme--light.application {
  background: #eee;
  color: rgba(0, 0, 0, 0.87);
}
.application {
  display: flex;
  font-family: Roboto, sans-serif;
  line-height: 1.5;
}
.application--wrap {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  backface-visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  max-width: 100%;
  position: relative;
}
.v-menu--inline {
  display: inline-block;
}
.v-menu {
  display: block;
  vertical-align: middle;
}
.v-menu__activator {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.v-btn:before {
  border-radius: inherit;
  color: inherit;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  opacity: 0.12;
  -webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  width: 100%;
}
.v-btn--floating .v-btn__content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0;
  height: 100%;
}
.v-btn__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: inherit;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  -webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  white-space: nowrap;
  width: inherit;
}
.v-menu__activator * {
  cursor: pointer;
}
.v-btn .v-btn__content .v-icon {
  color: inherit;
}
.v-btn--fixed .v-icon {
  font-size: 1.8rem;
  padding: 10px;
}
.v-btn--floating .v-icon {
  height: inherit;
  width: inherit;
}
.v-icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
  font-size: 24px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  -webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  vertical-align: text-bottom;
}
.mdi-settings:before {
  content: "\F493";
}
.mdi:before,
.mdi-set {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.v-toolbar[data-booted="true"] {
  -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.theme--light.v-toolbar {
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.87);
}
.v-toolbar {
  min-height: 70px;
  border-radius: 3px;
  margin-bottom: 15px;
}
.v-toolbar {
  -webkit-transition: none;
  transition: none;
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
  position: relative;
  width: 100%;
  will-change: padding-left, padding-right;
}
.v-toolbar:not(.v-toolbar--fixed) .v-toolbar__content {
  margin-left: 260px;
}
.v-toolbar .v-toolbar__content {
  min-height: 70px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.v-toolbar__content,
.v-toolbar__extension {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 24px;
}
.v-toolbar__content > :first-child,
.v-toolbar__extension > :first-child {
  margin-left: 0;
}
.v-toolbar .v-toolbar__content .v-toolbar__title {
  font-size: 18px;
  letter-spacing: unset;
  color: #495057;
}
.tertiary--text {
  color: #495057 !important;
  caret-color: #495057 !important;
}
.v-toolbar__title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.font-weight-light {
  font-weight: 300 !important;
}
.grow,
.spacer {
  -webkit-box-flex: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}
.grow,
.spacer {
  -webkit-box-flex: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}
.v-toolbar .v-toolbar__content .v-toolbar__items > div {
  padding: 0 !important;
}
.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.child-flex > *,
.flex {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 100%;
}
.layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  min-width: 0;
}
.py-2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.v-toolbar .v-toolbar__content .v-toolbar__items .v-input {
  margin: 0 !important;
  padding: 0;
}
.v-input {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 16px;
  text-align: left;
}
.v-toolbar .v-input {
  margin: 0;
}
.v-text-field {
  padding-top: 12px;
  margin-top: 4px;
}
.mr-4 {
  margin-right: 24px !important;
}
.mt-2 {
  margin-top: 8px !important;
}
.v-input__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.v-input--hide-details > .v-input__control > .v-input__slot {
  margin-bottom: 0;
}
.v-text-field > .v-input__control > .v-input__slot {
  cursor: text;
  -webkit-transition: background 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  transition: background 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-input__slot {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
  min-height: inherit;
  position: relative;
  -webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  width: 100%;
}
.theme--light.v-text-field > .v-input__control > .v-input__slot:before {
  border-color: rgba(0, 0, 0, 0.42);
}
.theme--light.v-text-field .v-input__slot:before {
  border-color: #d2d2d2 !important;
}
.v-text-field > .v-input__control > .v-input__slot:before {
  border-style: solid;
  border-width: thin 0 0;
}
.v-text-field > .v-input__control > .v-input__slot:after,
.v-text-field > .v-input__control > .v-input__slot:before {
  bottom: -1px;
  content: "";
  left: 0;
  position: absolute;
  -webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  width: 100%;
}
.v-text-field > .v-input__control > .v-input__slot > .v-text-field__slot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.v-text-field__slot .v-label {
  color: #aaa !important;
  font-size: 14px;
  font-weight: 400;
}
.theme--light.v-label {
  color: rgba(0, 0, 0, 0.54);
}
.v-input .v-label {
  height: 20px;
  line-height: 20px;
}
.v-text-field .v-label {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  top: 6px;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  white-space: nowrap;
  pointer-events: none;
}
.v-label {
  font-size: 16px;
  line-height: 1;
  min-height: 8px;
  -webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-input input {
  max-height: 32px;
}
.v-text-field input {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  line-height: 20px;
  padding: 8px 0;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}
#core-toolbar a {
  text-decoration: none;
}
.v-toolbar .v-toolbar__content .v-toolbar__items .toolbar-items {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 48px;
  padding: 10px 15px;
}
.application a {
  cursor: pointer;
}
a {
  color: #4caf50;
}
.v-toolbar .v-toolbar__content .v-toolbar__items .toolbar-items .v-icon {
  font-size: 20px;
}
.theme--light.v-icon {
  color: #999;
}
.theme--light.v-icon {
  color: rgba(0, 0, 0, 0.54);
}
.tertiary--text {
  color: #495057 !important;
  caret-color: #495057 !important;
}
.v-navigation-drawer--fixed {
    position: fixed;
}
.v-navigation-drawer {
    -webkit-transition: none;
    transition: none;
    display: block;
    left: 0;
    max-width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    pointer-events: auto;
    top: 0;
    will-change: transform;
    z-index: 3;
    -webkit-overflow-scrolling: touch;
}
.v-responsive {
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.v-image {
    z-index: 0;
}
.v-avatar, .v-responsive {
    cursor: pointer;
}
.v-responsive__sizer {
    -webkit-transition: padding-bottom .2s cubic-bezier(.25,.8,.5,1);
    transition: padding-bottom .2s cubic-bezier(.25,.8,.5,1);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0px;
    flex: 0 0 0px;
} 
.v-image__image--cover {
    background-size: cover;
}
.v-image__image {
    background-repeat: no-repeat;
}
.v-image__image, .v-image__placeholder {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.v-responsive__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0px;
}
.v-navigation-drawer .v-list {
    background: rgba(27, 27, 27, 0.74);
    padding: 0;
}
.v-navigation-drawer .v-list {
    background: inherit;
}
.layout.column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.theme--dark.v-list {
    background: #424242;
    color: #fff;
}
.fill-height {
    height: 100%;
}
.layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-width: 0;
}
.v-list {
    list-style-type: none;
    padding: 8px 0;
    -webkit-transition: .3s cubic-bezier(.25,.8,.5,1);
    transition: .3s cubic-bezier(.25,.8,.5,1);
}
.v-list>div {
    -webkit-transition: inherit;
    transition: inherit;
}
#app-drawer .v-list__tile {
    border-radius: 4px;
}
.v-navigation-drawer .v-list .v-list__tile--avatar {
    height: unset;
    padding: 15px 0;
}
.v-list__tile--avatar {
    height: 56px;
}
.v-list__tile {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    height: 48px;
    margin: 0;
    padding: 0 16px;
    position: relative;
    text-decoration: none;
    -webkit-transition: background .3s cubic-bezier(.25,.8,.5,1);
    transition: background .3s cubic-bezier(.25,.8,.5,1);
}
.v-navigation-drawer .v-list .v-list__tile__avatar {
    margin-left: 25px;
    margin-right: 11px;
    min-width: unset;
}
.v-avatar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.v-avatar .v-icon, .v-avatar .v-image, .v-avatar img {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: inherit;
    width: inherit;
}
.v-responsive__sizer {
    -webkit-transition: padding-bottom .2s cubic-bezier(.25,.8,.5,1);
    transition: padding-bottom .2s cubic-bezier(.25,.8,.5,1);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0px;
    flex: 0 0 0px;
}
#app-drawer .v-image__image--contain {
    top: 9px;
    height: 60%;
}
.v-image__image--contain {
    background-size: contain;
}

.v-image__image {
    background-repeat: no-repeat;
}
.v-image__image, .v-image__placeholder {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.v-responsive__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0px;
}
.v-navigation-drawer .v-list .v-list__tile__title {
    line-height: 30px;
    padding: 5px 0;
    height: unset;
    font-size: 18px !important;
    font-weight: 400;
    letter-spacing: unset !important;
}
.v-list__tile__title {
    height: 24px;
    line-height: 24px;
    position: relative;
    text-align: left;
}
.v-list__tile__sub-title, .v-list__tile__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: .3s cubic-bezier(.25,.8,.5,1);
    transition: .3s cubic-bezier(.25,.8,.5,1);
    width: 100%;
}
.v-navigation-drawer .v-list .v-divider {
    border-color: rgba(180, 180, 180, 0.3);
    margin: -1px auto 24px;
    width: calc(100% - 30px);
}
.v-divider {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    max-width: 100%;
    height: 0;
    max-height: 0;
    border: solid;
    border-width: thin 0 0;
    -webkit-transition: inherit;
    transition: inherit;
}
hr {
    overflow: visible;
}
.v-navigation-drawer .v-list .v-divider {
    border-color: rgba(180, 180, 180, 0.3);
    margin: -1px auto 24px;
    width: calc(100% - 30px);
}
.theme--dark.v-navigation-drawer .v-divider {
    border-color: hsla(0,0%,100%,.12);
}
.theme--dark.v-divider {
    border-color: hsla(0,0%,100%,.12);
}
.v-navigation-drawer .v-list .v-list-item:nth-child(3) {
    margin: 0 15px;
}
.v-list>div {
    -webkit-transition: inherit;
    transition: inherit;
}
#app-drawer .v-list__tile {
    border-radius: 4px;
}
.v-navigation-drawer .v-list .v-list-item .v-list__tile.v-list__tile--active.success {
    background-color: #4caf50 !important;
    -webkit-box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2) !important;
    box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2) !important;
}
.v-navigation-drawer .v-list .v-list-item .v-list__tile.v-list__tile--active {
    -webkit-box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2) !important;
    box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2) !important;
}
.v-navigation-drawer .v-list .v-list-item > .v-list__tile {
    padding: 10px 15px;
}
.v-navigation-drawer .v-list .v-list__tile--avatar {
    height: unset;
    padding: 15px 0;
}
.application a {
    cursor: pointer;
}
.success {
    background-color: #5cb860 !important;
    border-color: #5cb860 !important;
}
.v-list__tile--avatar {
    height: 56px;
}
.v-list__tile--link {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.v-navigation-drawer .v-list .v-list-item .v-list__tile__action {
    margin-right: 15px;
    min-width: unset;
}
.v-list__tile__action {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.v-list__tile__action, .v-list__tile__avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-width: 56px;
}
.v-list__tile__action, .v-list__tile__content {
    height: 100%;
}
.v-navigation-drawer .v-list .v-list-item .v-list__tile__action i {
    width: 30px;
}
.v-list__tile--active .v-list__tile__action:first-of-type .v-icon {
    color: inherit;
}
.v-navigation-drawer .v-list .v-list-item > .v-list__tile .v-list__tile__title {
    font-size: 14px !important;
    font-weight: 300;
    padding: 0;
}
.v-navigation-drawer .v-list .v-list__tile__title {
    line-height: 30px;
    padding: 5px 0;
    height: unset;
    font-size: 18px !important;
    font-weight: 400;
    letter-spacing: unset !important;
}
.v-list__tile__title {
    height: 24px;
    line-height: 24px;
    position: relative;
    text-align: left;
}
.v-navigation-drawer .v-list .v-list-item:not(:nth-child(3)) {
    margin: 10px 15px 0;
}
.v-content[data-booted=true] {
    -webkit-transition: .2s cubic-bezier(.4,0,.2,1);
    transition: .2s cubic-bezier(.4,0,.2,1);
}
.v-content__wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    position: relative;
}
#core-view {
    padding-bottom: 100px;
}
.container.fill-height {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.container.fluid {
    max-width: 100%;
}
.fill-height {
    height: 100%;
}
.container {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: auto;
    padding: 24px;
    width: 100%;
}
.container.grid-list-xl .layout:only-child {
    margin: -12px;
}
.container.fill-height>.layout {
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.layout.wrap {
    flex-wrap: wrap;
}
.container.grid-list-xl .layout .flex {
    padding: 12px;
}
.flex.lg4 {
    flex-basis: 33.33333333333333%;
    flex-grow: 0;
    max-width: 33.33333333333333%;
}
.flex.md12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    flex-grow: 0;
    max-width: 100%;
}
.flex.sm12 {
    flex-basis: 100%;
    flex-grow: 0;
    max-width: 100%;
}
.child-flex>*, .flex {
    flex: 1 1 auto;
    max-width: 100%;
}
.v-card--material-stats.v-card:not(.v-card--material__header), .v-card--material-chart.v-card:not(.v-card--material__header) {
    margin: 25px 0 !important;
}
.theme--light.v-sheet {
    background-color: #fff;
    border-color: #fff;
    color: rgba(0,0,0,.87);
}
.v-card>:first-child:not(.v-btn):not(.v-chip) {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.v-card .v-offset {
    top: -20px !important;
    margin-bottom: -20px !important;
}
.v-offset {
    margin: 0 auto;
    max-width: calc(100% - 32px);
    position: relative;
}
.v-card--material-chart.v-card .v-card--material__header {
    border-radius: 6px;
    min-height: 160px;
    padding: 0 !important;
}
.v-card.info {
    background: linear-gradient(60deg, #26c6da, #00acc1) !important;
    -webkit-box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2) !important;
    box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2) !important;
}
.v-card>:last-child:not(.v-btn):not(.v-chip) {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}
.v-card>:first-child:not(.v-btn):not(.v-chip) {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.ct-square {
    display: block;
    position: relative;
    width: 100%;
}
.ct-square:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 100%;
}
svg:not(:root) {
    overflow: hidden;
}
.ct-square>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.v-card--material-chart .v-card--material__header .ct-grid {
    stroke: rgba(255, 255, 255, 0.2);
}
.ct-grid {
    stroke: rgba(0,0,0,.2);
    stroke-width: 1px;
    stroke-dasharray: 2px;
}
.ct-line {
    stroke-width: 4px;
}
.ct-grid-background, .ct-line {
    fill: none;
}
.v-card--material-chart .v-card--material__header .ct-series-a .ct-point, .v-card--material-chart .v-card--material__header .ct-series-a .ct-line, .v-card--material-chart .v-card--material__header .ct-series-a .ct-bar, .v-card--material-chart .v-card--material__header .ct-series-a .ct-slice-donut {
    stroke: rgba(255, 255, 255, 0.8);
}
.ct-point {
    stroke-width: 10px;
    stroke-linecap: round;
}
:not(svg) {
    transform-origin: 0px 0px;
}
.v-card--material-chart.v-card .v-card--material__header .ct-label {
    font-size: 0.73rem;
}
.ct-label.ct-horizontal.ct-end {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start;
}
.v-card--material-chart .v-card--material__header .ct-label {
    color: inherit;
    opacity: .7;
    font-size: 0.975rem;
    font-weight: 100;
}

.ct-chart-bar .ct-label, .ct-chart-line .ct-label {
    display: block;
    display: flex;
}
.ct-label {
    fill: rgba(0,0,0,.4);
    color: rgba(0,0,0,.4);
    font-size: .75rem;
    line-height: 1;
}
.ct-square:after {
    display: table;
}
.ct-double-octave:after, .ct-major-eleventh:after, .ct-major-second:after, .ct-major-seventh:after, .ct-major-sixth:after, .ct-major-tenth:after, .ct-major-third:after, .ct-major-twelfth:after, .ct-minor-second:after, .ct-minor-seventh:after, .ct-minor-sixth:after, .ct-minor-third:after, .ct-octave:after, .ct-perfect-fifth:after, .ct-perfect-fourth:after, .ct-square:after {
    content: "";
    clear: both;
}
.v-card--material-chart.v-card .v-card__text {
    padding: 15px 20px;
    line-height: 22px;
}
.v-card__text {
    padding: 16px;
    width: 100%;
}
.v-card--material-chart.v-card .title {
    margin-top: 0;
}
.v-card .title {
    margin-top: 0;
    line-height: 1.5em !important;
    letter-spacing: 0 !important;
    font-size: 1.125rem !important;
    margin-bottom: 5px !important;
}
.font-weight-light {
    font-weight: 300!important;
}
.v-card--material-chart.v-card .category {
    margin: 0 !important;
    line-height: 22px;
    color: #999;
}
.d-inline-flex {
    display: inline-flex!important;
}
.d-flex>*, .d-inline-flex>* {
    flex: 1 1 auto!important;
}
.green--text {
    color: #4caf50!important;
    caret-color: #4caf50!important;
}
.v-card .v-divider {
    border-top: 1px solid #eee;
    margin-left: 20px !important;
    margin-right: 20px !important;
    margin-bottom: 1px;
}
.theme--light.v-divider {
    border-color: rgba(0,0,0,.12);
}
.v-divider {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    max-width: 100%;
    height: 0;
    max-height: 0;
    border: solid;
    border-width: thin 0 0;
    -webkit-transition: inherit;
    transition: inherit;
}
.v-card>:last-child:not(.v-btn):not(.v-chip) {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.v-card .v-card__actions {
    margin: 0 20px 0;
    padding: 10px 0 10px;
    line-height: 22px;
}
.v-card__actions {
    align-items: center;
    display: flex;
    padding: 8px;
}
.red {
    background-color: #f44336!important;
    border-color: #f44336!important;
}
.ct-bar {
    fill: none;
    stroke-width: 10px;
}
.ct-grid {
    stroke: rgba(0,0,0,.2);
    stroke-width: 1px;
    stroke-dasharray: 2px;
}
</style>
